<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        a {
            text-decoration: none;
            display:block;
            float: right;

        }
        .center{
            margin: 0 auto; width: 1000px;
        }
    </style>

</head>
<body>
<div>
    <el-header>头</el-header>
    <h1 style="font-size: 50px;margin-left: 100px">
        现在登录,解锁更多资讯
    </h1>
<el-card style="margin: 100px 300px">
    <el-row>
        <el-col span="12" style="margin-top: 40px;">
                <img src="imgs/login.png" width="80%">
        </el-col>
        <el-col span="12">
            <!--注册表单开始-->
            <p style="font-size: 30px;margin-left: 200px;margin-top: 80px">登录兜兜集</p>
            <el-form label-width="80px" style="width: 400px;height: 300px;margin-left: 40px">
                <el-form-item label="手机号" >
                    <el-input placeholder="请输入手机号" style="font-size: 10px;"></el-input>
                </el-form-item>
                <el-form-item label="验证码">
                    <el-input type="password" placeholder="请输入验证码"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary">登录</el-button>
                </el-form-item>
                <a href="login.html">用户名登录</a><br>
                <a href="loginByCode.html">验证码登录</a><br>
                <a href="reg.html">没有账号?立即注册</a>
            </el-form>
        </el-col>
    </el-row>
</el-card>
    <el-footer style="height: 60px;background-color: white;padding-top: 2px;background-color: rgba(130,129,124,0.25)">
        <my-footer></my-footer>
    </el-footer>



</div>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<!--引入Axios-->
<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

<script src="js/my-footer.js"></script>
<script>
    let v = new Vue({
        el: "body>div",
        data: {

        },
        methods: {

        }
    })
</script>
</body>
</html>